import h from './mySnabbdom/h'
import patch from './mySnabbdom/patch'
// var myVnode1 = h('div', {}, 'test')
// var myVnode1 = h('div', {}, [])
// var myVnode1 = h('div', {}, h())
// var myVnode1 = h('div', {}, [
//     h('div', {}, '菠萝'),
//     h('div', {}, '香蕉'),
//     h('div', {}, [
//         h('div', {}, '火龙果'),
//         h('div', {}, '牛油果'),
//     ]),
// ])

const container = document.getElementById('container');
const btn = document.getElementById('btn');
var myVnode1 = h('ul', {}, [
    h('li', { key: 'A' }, 'A'),
    h('li', { key: 'B' }, 'B'),
    h('li', { key: 'C' }, 'C'),
    h('li', { key: 'D' }, 'D'),
    h('li', { key: 'E' }, 'E'),
]);
patch(container, myVnode1);

var myVnode2 = h('ul', {}, [
    h('li', { key: 'Q' }, 'QQQ'),
    h('li', { key: 'A' }, 'A'),
    h('li', { key: 'B' }, 'B'),
    h('li', { key: 'C' }, 'C'),
    h('li', { key: 'E' }, 'E'),
    h('li', { key: 'D' }, 'D'),

]);
btn.onclick = function() {
    patch(myVnode1, myVnode2);
};
